<style>
    .commodity {
        float: left;
        padding: 5px 10px 5px 0;
        cursor: pointer;
    }
    
    .commodity img {
        width: 60px;
        border: 1px solid lightgrey;
    }
    
    .commodity div {
        display: inline-block;
        width: 100px;
        padding-left: 5px;
        font-weight: bold;
    }
</style>
<form class="easyui-form" method="post" id="orderDetail" style="padding-left: 20px;">
    <table>
        <tr>
            <th style="width: 100px;">订单编号</th>
            <td name="orderNo"></td>
        </tr>
        <tr>
            <th style="width: 100px;">客户姓名</th>
            <td name="name">
            </td>
        </tr>
        <tr>
            <th style="width: 100px;">客户手机号</th>
            <td name="phone"></td>
        </tr>
        <tr>
            <th style="width: 100px;">消费积分</th>
            <td name="tradeScore"></td>
        </tr>
        <tr>
            <th style="width: 100px;">消费时间</th>
            <td name="tradeTime"></td>
        </tr>
        <tr>
            <th style="width: 100px;">兑换状态</th>
            <td name="status"></td>
        </tr>
        <tr>
            <th style="width: 100px;">商品信息</th>
            <td id="commodityTd">
                <div class="commodity">
                    <table>
                        <input type="hidden" value="{id}"/>
                        <tr>
                            <td rowspan="2">
                                <img src="{path}" align="left"/>
                            </td>
                            <td>
                                <div>{title}</div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>数量：{total}</div>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
</form>
